<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<title>jQuery treeView</title>
	
	<link rel="stylesheet" href="../../css/treeview.css" />
        <script type="text/javascript" src="../../js/jquery/jquery.js">
        </script>
        <script type="text/javascript" src="../../js/jquery/jquery-migrate.js">
        </script>
        <script type="text/javascript" src="../../js/jqueryui/jquery-ui.js">
        </script>
        <script type="text/javascript" src="../../js/ctp/public/ctp.core.js">
        </script>
		<script type='text/javascript' src='../../js/ctp/public/ctp.base.js'></script>
        <script type='text/javascript' src='../../js/ctp/public/ctp.ui.component.js'></script>
		<script type="text/javascript" src="../../js/ctp/public/jsextend.js">
        </script>
        <script type="text/javascript" src="../../js/ctp/public/jquery.ctp.jslog.js">
        </script>
	    <script type="text/javascript" src="../../js/ctp/panel/ctp.ui.panel.js">
        </script>
        <script type="text/javascript" src="../../js/ctp/button/ctp.ui.button.js">
        </script>
		<script type="text/javascript" src="../../js/ctp/groupbox/ctp.ui.groupbox.js">
		</script>
		<script type="text/javascript" src="../../js/ctp/gridlayout/ctp.ui.gridlayout.js">
        </script>		
		<script type="text/javascript" src="../../js/ctp/messagebox/ctp.ui.messagebox.js">
		</script>
		<script src="../../js/ctp/treeview/jquery.cookie.js" type="text/javascript">
		</script>
		<script src="../../js/ctp/treeview/jquery.treeview.js" type="text/javascript">
		</script>
		<script src="../../js/ctp/treeview/ctp.ui.treeview.js" type="text/javascript">
		</script>
		<link href="../../css/skins/standard/ctp-common.css" rel="stylesheet" type="text/css"/>
        <link href="../../css/panel.css" rel="stylesheet" type="text/css"/>
        <link href="../../css/button.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/groupbox.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/gridlayout.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/messagebox.css" rel="stylesheet" type="text/css"/>
	<script>
		 // ctp.core.log.lvl=ctp.core.loglvl.info;            
            $(document).ready(function(){ 	
			 var treeview=new ctp.ui.treeview({
				rootId:'navigation',
				url:'easytree.xml',
			  	collapsed: true,
				unique: false//,
				//renderTo: 'easytree'
			  });		                 
                var showLayout = new ctp.ui.gridlayout({
					id:'showLayout',
                    width: '45%',
                    cols: 1,
                    align: 'center',
                    colSpace: 30,
					items: [[{
						element: treeview
					}]]
                });  
				var showGroupbox=new ctp.ui.groupbox({
			  	    id: 'showGroupbox',						
					items:[showLayout],
					title:'效果展示区'						   
			     });
				var buttonsLayout = new ctp.ui.gridlayout({
					id:'buttonsLayout',
                    width: '98%',
                    cols: 3,
                    align: 'center',
                    colSpace: 30,
                    items: [
					]
                
                }); 
				var buttonsGroupbox=new ctp.ui.groupbox({
			  	    id: 'buttonsGroupbox',						
					items:[buttonsLayout],
					width:'100%',
					title:'功能测试区'						   
			     });
				new ctp.ui.panel({
                    title: 'treeview实例',
                    collapsible: true,
                    width: '550px',
                    height: 'auto',
					align:'center',
					items:[showGroupbox,buttonsGroupbox],
                    renderTo: 'body'
                });            
            });
		//$(function(){
             
            //});
		</script>
	
	</head>
	<body>
<b>ctp.ui.treeview实例</b>
        <hr/>
        <br/>  		
	<div id="easytree" ></div>
	<div id="main">

</div>
 
</body></html>